<script setup lang='ts'>
const props = withDefaults(defineProps<{
  layout?: string
}>(), {
})


const emit = defineEmits(['click'])

const changeLayout = (e: string) => emit('click', e)


const layouts = ref([
  {
    key: 'side',
    title: 'Side Menu Layout',
  },
  {
    key: 'top',
    title: 'Top Menu Layout',
  },
  {
    key: 'mix',
    title: 'Mix Menu Layout',
  },
])
</script>

<template>
  <div>
    <el-button @click="changeLayout(item.key)" v-for="(item, index) in layouts" :key="index">{{ item.key }}</el-button>
  </div>
</template>

<style lang='scss' scoped></style>
